<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
       /*  */
    </style>
</head>

<body>
    <script>
       /* dfgh */

        /*k*/
        // 1.数组的相加
        // console.log([1,2,3] + [4,5,6]);//1,2,34,5,6
        // ary1 = [1, 2, 3]
        // ary2 = [3, 4, 5]
        // console.log(ary1 + ary2)//1,2,33,4,5

        // console.log([1,2,3].valueOf().toString() + [5,6,7].valueOf().toString());

        // console.log("1,2,3"+"4,5,6")

        // https://juejin.cn/post/6844903934876745735  链接


        // console.log(Boolean("0"));//true
        // console.log("0" == true);//false,要知道这里是值比较，会把true转成为1
        // console.log("0" === false)


        // 2.代码的输出结果
        // var a = [0];
        // if([0]){
            //    console.log([0].valueOf().toString())//字符串的0
        //     console.log(a == true);//"0"和1比较
        //     console.log("a",a + "-----"+ "true",true)//a 0-----true true
        //     console.log("if")
        // }else{
        //     console.log("wut");
        //     console.log("else")
        // }

        // ==类型不同会进行类型转换，这是对象与非对象之间的类型转换，
        // boolean值true被强制转换为数字1，ToPrimitive([0])="0",进而转换为数字0，则0==1返回false

        // 1.B
        
        // 2.B

        // 3.D

        // 4.A

        // 5.A

        // 6.C

        // 7.A

        // 8.ABC
        // 9.ABD
        // 10.ABCD
        // 11.BC

        // 12.const、let,var的区别
        // (1)var只有全局作用域和局部作用域，const和let还有块级作用域
        // (2)var有变量提升，const和let没有
        // (3)var的变量可以重复声明，const和let不行
        // (4)const的声明的如果是一个常量，那么就不能重新赋值
        // (5)var声明的全局变量可以用全局对象的属性，const和let不行

        // 13.css盒子模型.png

        // 14.自定义指令
        // (1)v-clock: 防止闪烁
        // (2)v-text: 把文本作为innerText插入到标签中
        // (3)v-html: 把文本作为innerText插入到标签中,可以解析html结构
        // (4)v-pre: 跳过vm的模板编译的过程，提升模板编译的速度
        // (5)v-once: 只是编译一次
        // (6)v-model: 实现了数据的双向绑定，只能用于表单相关标签以及自定义组件上
        // (7)v-on: 用于绑定事件,简写@
        // (8)v-bind: 能够修改标签的值为动态值 简写：
        // (9)v-if: 控制页面元素的渲染,控制结构是否在页面中渲染，没选中即没有相应的div
        // (10)v-else: 配合v-if的使用
        // (11)v-else-if: 配合v-if使用，
        // (12)v-show:控制页面元素的渲染，控制结构是否隐藏,没选中即在相应的div加display:none,
                // 开销小一点，效率更高，但是他只适用于单分支
        // (13)v-for：进行列表渲染
        // (14)v-slot: 提供具名插槽或需要接收 prop 的插槽。


        // 15.
        // 故要避免跨域，就需要使用vue脚本所在页面的url与接口的url同源
        // 如果不同源，可以使用服务端代理的方式变成同源，
        // 或者使用允许跨域的响应头

        // 16
            // (1)day.js处理时间和日期的轻量级插件
            // (2)element-ui提供一套组件库
            // (3)Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
            // (4)chart.js 提供图表
            // (5)lodash:一套工具库，封装一些字符串，数组，对象等的处理函数
            // (6)better-scoll: 解决移动端滚动问题的插件 
    </script>
</body>

</html>